<template>
  <div class="languagePage">
    <div class="languageSelect">
      <global-outlined style="font-size: 80px" />
      <p>请选择语言</p>
      <select>
        <option>中文</option>
        <option>Englist</option>
      </select>
    </div>
  </div>
</template>
<script setup>
  import { GlobalOutlined } from '@ant-design/icons-vue';
  import { useI18n } from '/@/hooks/web/useI18n';
</script>
<style lang="less" scoped>
  .languagePage {
    height: 80%;
    padding: 20px;
  }

  .languageSelect {
    padding-top: 15%;
    justify-content: center;
    height: 100%;
    background-color: rgb(255, 255, 255);
    font-size: 20px;
    text-align: center;
    color: #1890ff;
    p {
      color: rgb(15, 15, 15);
    }
    select {
      width: 25%;
    }
  }
</style>
